<template>
<div>
<span></span>
<div class="item">
<el-input  placeholder="请输入身份证号码" v-model="Into.searchName" clearable> </el-input>
</div>
 <el-button type="primary"  @click="select">查找</el-button>   
 <div>
   <span></span>
       <el-table :data="list_person" border stripe>
        <el-table-column label="身份证号码" prop="Id"></el-table-column>
        <el-table-column label="姓名" prop="Name"></el-table-column>
        <el-table-column label="性别" prop="Sex"></el-table-column>
        <el-table-column label="出生日期" prop="Birth"></el-table-column>
        <el-table-column label="配偶" prop="Mate"></el-table-column>
        <el-table-column label="个人荣誉" prop="Honor"></el-table-column>
        <el-table-column label="孩子" prop="Child"></el-table-column>
        <el-table-column label="父亲" prop="Father"></el-table-column>
        <el-table-column label="母亲" prop="Mother"></el-table-column>
      </el-table>
      </div>
      <div>
      </div>
   </div>
</template>

<script>

export default {
    data() {
    return {
        list_person:[],
      Into:{
        searchName:"",
        limit :10,
        page:1
      },

    };
  },
 
  methods: {
    async select() {
      const { data: res1} = await this.$http.get("/system/apis/family",{ params: this.Into});
      this.list_person = res1.data.value
      console.log(this.list_person)
    },
  }
};
</script>
